<%@ page language="java" pageEncoding="utf-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <%--<style>--%>
        <%--.vc-switch {--%>
            <%--bottom: 500px !important;--%>
        <%--}--%>
    <%--</style>--%>
    <%--<script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>--%>
    <%--<script>--%>
      <%--// init vConsole--%>
      <%--var vConsole = new VConsole();--%>
      <%--console.log('Hello world');--%>
    <%--</script>--%>
    <%@include file="../common/base.jsp" %>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta name="author" content="Jck"/>
    <title>${appName} 邀请有礼</title>
    <link rel="stylesheet" href="${base}/activity/share/css/reset.css">
    <script type="text/javascript" src="${base}/js/flexible.js"></script>
    <link rel="stylesheet" href="${base}/activity/share/css/main.css?version=${version}">
</head>
<body>
<div class="l-p">

    <div class="huodong invite" >
        活动规则
    </div>
    <div style="margin:0 0 0.6rem 0;">
        <div>
            <div class="m-p-head">
                <img src="${base}/activity/share/img/pic_recommend.png" alt="">
                <%--<p id="youhuij"></p>--%>
            </div>
        </div>
        <div class="share-tip">
            <span >马上邀请好友得奖励</span>
        </div>
        <div class="m-p-btns">
            <ul class="btns-ul">
                <li>
                    <img src="${base}/activity/share/img/share_icon_wechat.png" id="we-chat" alt="">
                    <p>微信好友</p>
                </li>
                <li>
                    <img src="${base}/activity/share/img/share_icon_friends.png" id="friends" alt="">
                    <p>朋友圈</p>
                </li>
                <li>
                    <img src="${base}/activity/share/img/share_icon_qq.png" id="qq" alt="">
                    <p>QQ</p>
                </li>
                <li class="invite">
                    <img src="${base}/activity/share/img/share_icon_quickmark.png" id="space" alt="">
                    <p>二维码</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="foot-tip" id="youhuij">
        <p>还没有新伙伴?</p>
        <p>送TA新人大礼包，快去呼唤TA吧！</p>
    </div>
</div>
<%--用来放生成的二维码的图片--%>
<section id="codeCOnDialog" class="dialog-confirm">
    <div class="btn-close btn_close">
        <img src="${base}/activity/images/icon_close.png">
    </div>
    <div class="inner">
        <div class="img-wrapper">
            <div id="codeCOn"></div>
            <p>邀请好友扫一扫</p>
        </div>
    </div>
</section>
<div class="mask" style="display: none;"></div>
<!-- 规则说明弹窗 -->
<section id="declarationDialog" class="dialog-confirm">
    <div class="get-gift-text-box">
        奖励规则
    </div>
    <div class="btn-close btn_close">
        <img src="${base}/activity/images/icon_close.png">
    </div>
    <div class="inner">
        <p class="title2">1、分享专属链接给好友，邀请好友使用${appName}，高峰不加价，出行新选择</p>
        <p class="title2">2、新用户通过邀请页面，输入手机号验证后，即可获得新人奖励</p>
        <p class="title2" id="guizenew">3、您邀请的新用户注册${appName}APP,您也可获得推荐奖励</p>
        <p class="title2">4、通过您的邀请链接注册的用户越多，您获得的奖励越多</p>
        <p class="title2">5、最终解释权归${appName}所有</p>
    </div>
</section>
<script>window.appName = '${appName}'</script>
<script type="text/javascript" src="${base}/js/jquery.min.js"></script>
<script type="text/javascript" src="${base}/plugin/dialog/index.js"></script>
<script type="text/javascript" src="${base}/plugin/dialog/dialog.min.js"></script>
<link rel="stylesheet" type="text/css" href="${base}/plugin/dialog/dialog.css">
<script src="${base}/activity/share/js/qrcode.js?version=${version}" type="text/javascript"></script>
<script src="${base}/activity/share/js/main.js?version=${version}" type="text/javascript"></script>

</body>
</html>